// pages/cart/cart.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cart_list:[
      {type_id:0,type_name:'动漫',type_url:'comic'},
      {type_id:1,type_name:'可爱',type_url:'lovely'},
      {type_id:2,type_name:'渐变',type_url:'gradient'},
      {type_id:3,type_name:'明星',type_url:'star'},
      {type_id:4,type_name:'文字',type_url:'wenzi'},
      {type_id:5,type_name:'锁屏',type_url:'close'},
      {type_id:6,type_name:'少女心',type_url:'shaonvxin'},
      {type_id:7,type_name:'考试',type_url:'exam'}
    ],
    current_type:'comic',
    current:0,
    pages:0,
    isLoading:false,
    count:240,
    current_cart_list:[],
    backTop:false
  },
  // 切换分类
  changeCurrent(e){
    this.setData({
      current:e.target.dataset.index,
      current_type:e.target.dataset.current_typeurl
    })
    // console.log(this.data.current_type);
    this.setData({
      current_cart_list:[]
    })
    this.getcart()
  },
  async getcart(){
    this.setData({
      isLoading:true
    })
    wx.showLoading({
      title: '努力加载中',
    })
    const {data:res}=await wx.p.request({
      url: 'http://localhost:3000/cart/'+this.data.current_type,
      method:'GET',
      data:{
        pages:this.data.pages
      }
    })
    wx.hideLoading()
    this.setData({
      isLoading:false
    })
    this.setData({
      current_cart_list:[...this.data.current_cart_list,...res.data]
    })
  },
  //获取滚动条滚动的距离
  onPageScroll(e){
    if(e.scrollTop>200){
      this.setData({
        backTop:true
      })
    }else{
      this.setData({
        backTop:false
      })
    }
  },
  //返回顶部事件
  goTop(){
    wx.pageScrollTo({
      scrollTop:0,
      duration: 500,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getcart()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.data.isLoading){
      return
    }else{
      if(this.data.pages*24<this.data.count){
        this.setData({
          pages:this.data.pages+1
      })
        this.getcart()
      }else{
        wx.showToast({
          title: '没有更多数据啦！',
        })
      }
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})